@charset "utf-8";
/* 作者：神夜 */
* { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; min-width: 1035px; }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #333; font-family: 'Microsoft Yahei'; }
*:focus { outline: none; }
img { border: 0px; }
ul, li { list-style-type: none; }
a { color: #999; text-decoration: none;}
a:hover { color: #028dd2; }
.warp { width: 1021px; margin: 0 auto; }
.clear { clear: both; overflow: hidden; content: ''; height: 0px; }
.fl { float: left; }
.fr { float: right; }
i, em { font-style: normal; display: inline-block; }
/**头部**/
.headtop{ height:35px; border-bottom:1px solid #eee; line-height:35px; color:#666;}
.header{ overflow:hidden; height:110px;}
.header .logo{ float:left; margin-top:15px;}
.header .tel{ float:right; background:url(../tel.png) no-repeat left center; padding-left:60px; margin-top:25px; font-size:16px; color:#666;} 
.nav{ height:55px; line-height:55px; background:#028dd2; }
.nav ul{ }
.nav ul li{ float:left; width:11%;}
.nav ul li a{ display:block; text-align:center; font-size:16px; color:#fff;}
.nav ul li a:hover,.nav ul li a.on{ background:#fff; color:#666;}

/**焦点图***/
.banner { height:498px; overflow: hidden; position: relative; }
.banner li { width: 100%; height:498px; }
.banner li a { display: block; height:498px; }
.banner .hd { position: absolute; left: 0x; text-align: center; width: 100%; bottom: 12px; }
.banner .hd li { width: 15px; height: 15px; overflow: hidden; line-height: 99999px; display: inline-block; margin: 0 5px; border-radius: 50%; background: #fff; opacity: 0.5; cursor: pointer; }
.banner .hd li.on { opacity: 1; }

/***标题***/
.title { text-align: center; padding:40px 0 22px 0;  }
.title h1 { font-size:26px; font-weight:normal;}
.title i{ display:block; margin:0 auto; height:2px; margin-top:12px; background:#028dd2; width:35px;}
.title p{ font-size:16px; padding-top:12px; line-height:28px; color:#888; width:900px; margin:0 auto;}

/***诚征代理***/
.bg1{ background:#f8fdfe; overflow:hidden; padding-bottom:54px;}
.box1 .fl{  width:510px; height:276px; overflow:hidden;}
.box1 .fl img{ width:510px; height:275px;}
.box1 .fr{ background:#f5f7f8; width:509px; height:273px; border:1px solid #eee;}
.box1 .fr .note{ font-size:14px; color:#666; padding:25px; line-height:22px;}
.box1 .fr .note p{padding-bottom:10px;}

/***共享平台***/
.gxpt{ margin-bottom:35px; background:#eee;}
.gxpt ul{ margin-left:-21px;  overflow:hidden;}
.gxpt ul li{ float:left; width:187px; margin-right:21px; margin-top:12px; transition:all 0.4s ease; height:214px; background:url(../lx.jpg) no-repeat center; display: flex;  justify-content: center;  flex-direction: column; color:#fff;} 
.gxpt ul li p{ width:155px; margin:0 auto;  font-size:14px; line-height:22px;}
.gxpt ul li:hover{ background:url(../lxon.png) no-repeat center; transform:translateY(-12px);}


/***共享平台2***/
.gxpt2{ overflow:hidden;}
.gxpt2 li{ overflow:hidden; margin-bottom:49px;}
.gxpt2 li .box{ width:429px; padding:25px;margin-left:25px; border:1px solid #ddd; font-size:16px; margin-top:30px; color:#666; line-height:26px; position:relative;}
.gxpt2 li .box span{ width:49px; font-style:italic; color:#fff; height:49px; background:#028dd2; border:1px solid #ddd; position:absolute; text-align:center; line-height:49px; font-size:40px; top:-30px; left:-25px; }
.gxpt2 li:nth-child(2n) .fr{ float:left;}
.gxpt2 li:nth-child(2n) .fl{ float:right;}

.title2{ border-top:2px solid #eee; margin-top:43px; position:relative; margin-bottom:60px;}
.title2 div{ position:absolute; background:#fff; top:-25px; width:200px; left:50%; margin-left:-100px; text-align:center;}
.title2 div h1{ font-size:26px; font-weight:normal;}
.title2 div p{ font-size:14px; color:#cccccc; padding-top:5px;}

.casebox{ background:#ebf6fb; overflow:hidden; position:relative;}
.casebox .fl{ width:345px; height:342px; float:left; position:relative;}
.casebox .fl img{ width:345px; height:342px; display:block;}
.casebox .fl i{ width:330px; height:308px; border:1px solid #fff; border-right:0px; position:absolute; top:16px; right:0px;}
.casebox .boxc{ float:left; border:1px solid #eee; background:#fafafa; width:658px; height:308px; margin-top:16px; }
.casebox .boxc p{ font-size:14px; color:#666666; line-height:24px; padding:12px;}

/***我们的优势***/
.advbox{ background:#f0f0f0; overflow:hidden; padding:30px 0; margin-top:35px;}
.advbox h1{ text-align:center; font-size:18px; font-weight:normal; color:#8b8b8b;}
.advbox h1 span{ font-size:14px;}
.advbox ul{ overflow:hidden; margin-left:-20px; }
.advbox ul li{ float:left; width:240px; height:245px; position:relative;margin-top:26px; text-align:center; color:#fff; background:#028dd2; margin-left:20px; transition:all 0.4s; }
.advbox ul li a{color:#fff;}
.advbox ul li:hover{ background:#fff; color:#666; transform:translateY(-12px);}
.advbox ul li:hover h2{ color:#028dd2;}
.advbox ul li:hover h2 i{ background:#028dd2;}
.advbox ul li:hover a{color:#666;}
.advbox ul li h2{ font-weight:normal; font-size:18px; padding-top:28px;}
.advbox ul li h2 i{ display:block; width:52px; height:2px; background:#fff; margin:19px auto;}
.advbox ul li p{ display:block; width:204px; margin:0 auto; height:90px; margin-bottom:12px; line-height:24px;}
.advbox ul li span{width:60px; height:21px; background:#7bb3ce url(../r.png) no-repeat 56px center; text-align:left; padding-left:12px; display:block; margin:0 auto; color:#fff; line-height:21px;}

.about{ margin-top:35px;}
.title3{ height:56px; line-height:56px; background:#ededed; overflow:hidden;}
.title3 h1{ background:url(../abg.png) no-repeat; overflow:hidden; font-weight:normal; padding-left:18px; font-size:18px; color:#fff;}
.title3 h1 em{ font-size:16px;}
.about .abox{ padding:30px; overflow:hidden; border:1px solid #eee; border-top:0px;}
.about .abox .fl{width:489px; height:310px;}
.about .abox .fl img{ display:block; width:489px; height:310px;}
.about .abox .fr{ width:450px; font-size:14px; color:#666; line-height:25px; height:310px; overflow:hidden; position:relative;}
.about .abox .fr a{ display:block; width:80px; height:41px; background:#e8e8e8 url(../x.png) no-repeat 10px center; position:absolute; bottom:0px; left:0px; line-height:41px; padding-left:40px; font-size:15px; color:#999;}
.about .abox .fr a:hover{ color:#fff; background:#028dd2 url(../xon.png) no-repeat 10px center;}

/***关于我们***/
.about{ overflow:hidden; margin-top:37px;}
.about .fl{ float:left; width:627px;}
.about .fl .title{ text-align:left; padding:20px 0;}
.about .fl p{ font-size:14px; color:#666; line-height:23px;}
.about .fl .more{ border:1px solid #ddd; color:#888;}
.about .fl .more:hover{ border:1px solid #028dd2; color:#028dd2;}
.about .fr img{ width:609px; height:275px;}

/***行业应用***/
.bg2{ background:#f9f9f9; overflow:hidden; padding:35px 0;}
.hyyy{ margin-left:-12px;}
.hyyy li{float:left; width:246px; height:264px; background:#fff; text-align:center; margin-left:12px; transition:all 0.4s ease;}
.hyyy li:hover{ box-shadow:#dfdfdf 0 0 8px;}
.hyyy li img{ display:block; height:70px; margin:40px auto;}
.hyyy li h2{ font-weight:normal; font-size:16px;}
.hyyy li p{ width:200px; margin:0 auto; color:#999; line-height:22px; font-size:14px; padding-top:22px;}

/***案例***/
.case{ position:relative; margin-bottom:30px;}
.case .bd{ overflow:hidden;}
.case ul li{ float:left; width:249px; height:304px; margin-right:8px; position:relative;}
.case ul li img{ display:block; width:249px; height:304px;}
.case ul li span{ height:40px; line-height:40px; width:100%; background:rgba(0,0,0,0.7); position:absolute; text-align:center; bottom:-40px; font-size:14px; color:#fff; transition:all 0.4s ease;}
.case ul li:hover span{ bottom:0px;}
.case .prev,.case .next{ width:50px; height:50px; background:rgba(0,0,0,0.4); position:absolute; top:40%; text-align:center; font-size:18px; font-family:宋体; border-radius:50%; line-height:50px; color:#fff;}
.case .prev{ left:-70px;}
.case .next{ right:-70px; }
.case .prev:hover,.case .next:hover{ background:#028dd2; color:#fff;}

/***新闻资讯***/
.news{ float:left; width:693px;}
.news .newsbox{ border:1px solid #ddd; padding:30px; height:493px; overflow:hidden;}
.news dl{ overflow:hidden; height:205px;}
.news dl dt{ float:left; width:200px; height:200px;}
.news dl dt img{ display:block; width:200px; height:168px;}
.news dl dd{ float:right; width:406px;}
.news dl dd h2{ font-weight:normal; font-size:16px; color:#028dd2; padding:5px 0;}
.news dl dd p{ line-height:26px; color:#999; font-size:14px;}
.news ul{ margin-top:3px; border-top:1px dotted #ddd; padding-top:15px;}
.news ul li{ line-height:35px;}
.news ul li a{ color:#999; display:block; font-size:12px; background:url(../d.png) no-repeat left center; padding-left:15px; border-bottom:1px dotted #eee;}
.news ul li a span{ float:right;}
.news ul li a:hover{ color:#0094dd;}

/***问答***/
.faq{ overflow:hidden; width:305px; float:right;}
.faq .bd{ border:1px solid #ddd; height:540px; padding-top:12px;}
.faq .bd ul li{ width:260px; margin:0 auto; padding:15px 0; line-height:25px; color:#888; border-bottom:1px dotted #ddd;}
.faq .bd ul li span{ font-size:14px; color:#028dd2;}
.faq .bd ul li a{ color:#888;}
.faq .bd ul li a:hover{ color:#0094dd;}

/***合作品牌***/
.painter{ overflow:hidden;}
.painter ul{ border-left:1px solid #eee;}
.painter ul li{ float:left; border:1px solid #eee; margin-left:-1px;}
.painter ul li img { display:block; width:169px; height:90px;}

/***顶部图***/
.topimg{height:310px;overflow:hidden;}
.topimg .tit{ text-align:center; color:#fff; margin-top:122px;}
.topimg .tit h1{ font-weight:normal; font-size:22px;}
.topimg .tit p{ font-size:20px;text-transform: uppercase;}

/***内页左***/
.left{ background:#fff; width:212px; float:left; margin-top:30px;}
.left .tit{ height:120px; background:#028dd2;}
.left .tit h2{ padding-left:26px; font-weight:normal; padding-top:33px; font-size:18px; color:#fff;}
.left .tit h2 span{ display:block; font-size:18px;}
.left ul li a{ display:block; height:54px; line-height:54px; padding-left:24px; background:url(../rr.png) no-repeat 90% center; font-size:16px; border-bottom:1px solid #eee; color:#666;}
.left ul li a.on{ background:#d9eef8 url(../rr.png) no-repeat 90% center; color:#028dd2}
.left ul li a:hover{ color:#028dd2;}

/***内页右***/
.right{ float:right; width:780px; margin-top:30px; min-height:500px;}
.right .lea{ height:36px; line-height:36px; padding:0 12px; background:#eee; color:#666;}
.newlist li{ padding:23px 0; border-bottom:1px solid #eee;}
.newlist li h3{ font-size:14px; font-weight:normal; font-weight:normal;}
.newlist li p.date{ padding:8px 0; color:#999;}
.newlist li .date .s1{ background:url(../time.png) no-repeat left center; padding-left:20px;}
.newlist li .date .s2{ background:url(../eye.png) no-repeat left center; padding-left:20px; margin-left:20px;}
.newlist li .note{ color:#888; line-height:23px;}
.newlist li:hover h3{ color:#028dd2;}

.pdbox{ padding:20px 0; line-height:23px; font-size:14px; color:#666;}

.ntit { border-bottom: 1px solid #ddd; padding-bottom: 12px; text-align: center; margin-bottom: 18px; }
.ntit h1 { font-size:22px; font-weight: normal;  }
.ntit p { font-size: 12px; color: #999; padding-top:10px; }
.ntit p .s1{ background:url(../time.png) no-repeat left center; padding-left:20px;}
.ntit p .s2{ background:url(../eye.png) no-repeat left center; padding-left:20px; margin-left:20px;}
.prevnext { overflow: hidden; margin-top: 18px; }
.prevnext a { color: #666; display: block; }
.prevnext a:hover { color: #028dd2; }

/***案例列表***/
.caselist{ margin-left:-14px;}
.caselist li{ float:left; width:249px; height:304px; margin-left:14px; margin-top:15px; position:relative; overflow:hidden;}
.caselist li img{ display:block; width:249px; height:304px;}
.caselist li span{ height:40px; line-height:40px; width:100%; background:rgba(0,0,0,0.7); position:absolute; text-align:center; bottom:-40px; font-size:14px; color:#fff; transition:all 0.4s ease;}
.caselist li:hover span{ bottom:0px;}


/***客户留言***/
.book { display: block; }
.book p { position: relative; width: 371px; margin-top: 12px; }
.book .intext { border: 1px solid #ddd; padding: 10px; width: 350px; }
.book .passcode { position: absolute; right: 0px; top: 1px; height: 37px; width: 80px; cursor: pointer; border-left: 1px solid #ddd; }
.book .intext:focus { border-color: #028dd2; }
.subbtn{ display:block; width:350px; background:#028dd2; color:#fff; height:40px; border:0px; cursor:pointer; font-size:14px; font-family:Microsoft Yahei;}
.passcode { display: block; }
.tips{ color:#028dd2; height:35px; line-height:35px;}

/**分页**/
.pagelist { margin-top:50px; text-align: center; margin-bottom:20px; }
.pagelist a, .pagelist span, .pagelist label { padding:8px 12px; background:#e2e2e2;  color: #888; margin: 0 5px; }
.pagelist b { font-weight: normal; color: #333; margin: 0 2px; }
.pagelist a:hover, .pagelist span.current { background: #028dd2;  color: #fff; }
.pagelist label{ display:none;}

/***在线客服***/
.kefu { width: 60px; position: fixed; right: 0px; top: 35%; z-index: 11; }
.kefu ul li { height:72px; width:60px; position: relative; border-bottom:1px solid #b1b1b1; cursor: pointer;}
.kefu ul li .p1{ text-align:center; padding-top:48px; color:#999;}
.kefu ul li:hover .p1{color:#fff;}
.kefu ul li.k1{ background:#f0f0f0 url(../kefu/kf.png) no-repeat center 13px;}
.kefu ul li.k2{ background:#f0f0f0 url(../kefu/wx.png) no-repeat center 13px;}
.kefu ul li.k3{ background:#f0f0f0 url(../kefu/dh.png) no-repeat center 13px;}
.kefu ul li.k4{ background:#f0f0f0 url(../kefu/up.png) no-repeat center 18px; opacity:0; -webkit-transition:all 0.3s ease; visibility:hidden; transform:translateY(20px);}
.kefu ul li.k4.on{ opacity:1; visibility:visible; transform:translateY(0);}
.kefu ul li.k1:hover{ background:#028dd2 url(../kefu/kfon.png) no-repeat center 13px;border-bottom:1px solid #028dd2; }
.kefu ul li.k2:hover{ background:#028dd2 url(../kefu/wxon.png) no-repeat center 13px;border-bottom:1px solid #028dd2;}
.kefu ul li.k3:hover{ background:#028dd2 url(../kefu/dhon.png) no-repeat center 13px;border-bottom:1px solid #028dd2;}
.kefu ul li.k4:hover{ background:#028dd2 url(../kefu/upon.png) no-repeat center 18px;border-bottom:1px solid #028dd2;}
.kefu .fdqq{ width:120px; background:#fff; position:absolute; -webkit-transition:all 0.3s ease; right:0px; padding-bottom:12px; text-align:center; top:0px; opacity:0; visibility:hidden;}
.kefu .fdqq h3{ height:35px; line-height:35px; color:#fff; font-weight:normal; background:#028dd2;}
.kefu .fdqq p { margin-top:12px;}
.kefu .fdqq p img{ display:block; margin:5px auto;}
.kefu ul li.k1:hover .fdqq{ opacity:1; visibility:visible; right:60px;}
.kefu .kwx{ background:#fff; padding:5px; right:60px; top:0px; position:absolute;-webkit-transition:all 0.3s ease; transform:scale(0); opacity:0; visibility:hidden; transform-origin:right;}
.kefu .kwx img{ display:block; width:100px; height:100px;}
.kefu ul li.k2:hover .kwx{ opacity:1; visibility:visible; transform:scale(1);}
.kefu .ktel{ right:0px; top:0px; height:72px; background:#028dd2; color:#fff; -webkit-transition:all 0.3s ease; font-size:18px; line-height:72px; text-align:center; width:150px; position:absolute; opacity:0; visibility:hidden;}
.kefu ul li.k3:hover .ktel{ opacity:1; visibility:visible; right:60px;}
.map_fl{ float:left; margin-right:20px; margin-top:25px;}
.map_fr{ float:left; margin-top:25px; line-height:25px; font-size:14px;}

/***底部信息***/
.footer { background:#505050; overflow: hidden; padding-bottom:38px; margin-top:35px;}
.footer .links{ height:36px; line-height:36px; color:#fff; }
.footer .links h3{ font-size:16px; margin-right:12px;  font-weight:normal;}
.footer .links h3 em{ font-size:14px;}
.footer .links a{ font-size:14px; color:#fff; float:left; margin-left:12px; float:left;}
.footer .fl{ color:#fff; font-size:14px; line-height:35px; padding-top:120px;;}
.footer .fl .p0{ background:url(../wechat.png) no-repeat left center; padding-left:25px;}
.footer .fl .p1{ background:url(../s1.png) no-repeat left center; padding-left:25px;}
.footer .fl .p2{ background:url(../s2.png) no-repeat left center; padding-left:25px;}
.footer .fl .p3{ background:url(../s3.png) no-repeat left center; padding-left:25px;}
.footer .fr{ margin-top:70px;}
.footer .fr ul li{ float: left; width:106px; margin-left:15px;}
.footer .fr ul li h3{font-weight: normal; font-size: 12px; color: #fff; text-align: center; padding-top:10px;}
.copyright{ padding:15px 0; text-align:center; background: #333; color:#ddd; }

.inqytg {overflow: hidden;margin-left: -47px;}
.inqytg li {float: left;width: 220px;margin-left: 47px;position: relative;height: 190px;line-height: 25px;font-size: 14px;background: #028dd2;color: #fff;padding: 12px;box-sizing: border-box;}
.inqytg li p {font-size: 16px;margin-bottom: 10px;text-align: center;font-weight: bold;}